/* 
    Document   : index
    Created on : 7 mai 2010, 00:38:37
    Author     : t-mac
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}
h1{
	margin:20px 0;
}
body{
	margin-top : 0;
     font-family: "Microsoft YaHei" ! important;
    TEXT-ALIGN: center;
    background: none repeat scroll 0 0 black
}

.contenue{
    position: relative;
    margin:0 auto;
    width: 940px;
}

.headlines ol{
   
   top:361px;
   z-index: 1000;
   width: 940px;
   left: 0;
   filter: alpha(opacity=80);
   position:absolute;
   opacity:0.8;    
    margin: 3px 0 0 0;
    padding: 0;
    overflow:visible
}

.headlines li{
    
    float:left;
    width:150px;
}
.headlines li.first a{
    border-left:medium none;
}

.headlines li a{
	border-left:1px solid white;
	display:block;
    color: white;
   font-family: "Microsoft YaHei" ! important;
   text-decoration : none;
}


.logo{   
    color:  black;
    font-weight: bold;
    font-size: 30px;
    float:left;
}

.head{
    margin:0 auto;
    height: 368px;
    position: relative;
}
.head .banner{
    height: 55px;
}
.site-logo{
	float:left;
}
.head .site-name a{
    font-size: 18px;
    font-weight: bold;
    color: white;
    position: absolute;
    top:17px;
    left: 80px;
    width: 127px;
    text-decoration : none;
}

.head .head-img {   
   float:right;
   margin-top:22px;
}
.head .head-img img{
    width: 800px;
    height: 55px
}
em{
	text-transform: uppercase;
}
.corp{    
   background-color: #F2ECD3;
   width : 940px;
   border-radius: 0 0 10px 10px
}

.corp .leftColumn{   
    background-color: #F2ECD3;
    width: 200px;
    float: left;
    height: 840px;
}

.corp .mainColumn{
    background-color: #F2ECD3;
    padding : 0 100px;
    float: left;
    height: 840px;
	width : 740px;
	border-radius : 0 0 10px 10px;
}

.recommend{
	border: 5px double GoldenRod ;
	border-radius:10px;
}
.recommend-1{ 
}

.recommend-2{    
}
.recommend-3{    
}
.recommend-4{    
}
.desc{
    clear: both;
}

#slide_holder {
background-image: url("../images/bg_slideshow.png");
background-repeat: no-repeat;
height: 327px;
overflow: hidden;
position: relative;
text-align: left;
width: 940px;
/* -- width: 1533px; */
z-index: 1000;
}
#slide_holder_inner {
height: 327px;
overflow: hidden;
position: absolute;
width: 940px;
z-index: 2000;
}

#intro, .intro {
position: absolute;
z-index: 9000;
}

/*-- for slide divs --*/

#slide_holder_inner div {
position: absolute;
}
/*-- for divs in html slides to position relative --*/
div#slide_holder_inner div.slide div {
position: relative;
}
div#carousel_controls {
background-image: url(images/bg_controls.png);
background-position: 0 0;
background-repeat: no-repeat;
height: 30px;
width: 511px;
z-index: 4000;
}

#slide_captions{
    left:800px
}

ol li ul{
    padding :0;
    margin : 0;
	display:none;
}
.headlines ol li ul li a{
		margin-top:10px;
	margin-bottom : 10px;
	border-left:none;
	display:block;
    color: white;
   font-family: "Microsoft YaHei" ! important;
   text-decoration : none;
}
ol li ul li{
	border : none;
	background : url("../images/header_submenu_bg.png") no-repeat scroll center top transparent;
}
ol li{
	background : none no-repeat scroll center bottom black;
}

ul, ol {
	list-style-type:none;
}
.show-menu{
	display:block;
}
.hide-menu{
	dispaly:none;
}
.headlines ol li>a{
	height: 24px;
}
.slogan{
	color:white;	
	margin-right:28px;
}

#search{
	float:right;
	color:white;
}
#search dl{
	margin:0;
}
#search dt{
	float:left;
	margin-right:10px;
}
#search dd{
	float:right;
	margin:0;
}
.addition_info{
		color:#F2ECD3;
}
.copyright{
	color:#F2ECD3;
}
.item{
	margin:30px 30px 0 30px;
	float:left;
}
p{
	margin:2px 0;
}
.home_image{
	margin-top : 20px;
	width : 740px;
	height : 495px;
	border-radius : 10px;
}
.shadow{
	text-shadow : 0 2px 3px #666666;
}

#logo{
	width:50px;
	height:50px;
	margin : 6px 0px 0 20px
}
.article{
	padding : 20px 110px 20px 80px;
	border-radius :  0 0 10px 10px;
	text-align : left;
}
.article p {
	text-align: left;
}
.article h2{
	
	text-align : center;
}
.article img{
	margin-top : 20px;
	width : 740px;
	height : 495px;
	border-radius : 10px;
	text-align : left;
}